<div class="col-lg-12">
    <section class="panel">
        <header class="panel-heading">
            <h4>Registro de Areas</h4>
            <span class="tools pull-right">
                <a class="fa fa-chevron-down" href="javascript:;"></a>
                <a class="fa fa-cog" herf="javascript:;"></a>
                <a class="fa fa-times" href="javascript:;"></a>
            </span>
        </header>
        <div class="panel-body">

            <?php echo $this->Form->create('Area', array('class' => 'form-horizontal')); ?>
            <div class="form-group has-success">
                <lavel class="col-lg-2 control-label" for="data[Area][nombre]">Area</lavel>
                <div class="col-lg-3">
                    <input type="text"  name="data[Area][nombre]" placeholder="Inserte el nombre del area." id="f-name" class="form-control" required/>
                    <p class="help-block">Primera letra con mayuscula</p>
                </div>   

            </div>
            <div class="form-group has-success">
                <label class="col-lg-2 control-label" for="[Area][descripcion]">Descripcion</label>
                <div class="col-lg-3">
                    <textarea class="form-control" rows="6" name="data[Area][descripcion]"></textarea>
                    <p class="help-block">Descripcion breve</p>
                </div>
            </div>


            <div class="form-group">
                <div class="col-lg-offset-3 col-lg-3">
                    <button class="btn btn-primary" type="submit">Guardar</button>  
                </div>
            </div>
        </div>
    </section>
</div>